import React from 'react';
import { Carousel } from 'antd';
import 'antd/dist/antd.css';
import './tejia.css'
import { Pagination } from 'antd';
import {
    Link
} from 'react-router-dom';

class Jingxuan extends React.Component {
	constructor(props) {
        super(props);
        this.state = {
            arr : [
                {   img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                },
                {
                    img:require('../../img3/guo1.png').default,
                    name:'李杰',phone:'19837643122',adress:'浙江省台州市温岭市人民西路281号'
                }
            ],
            
        }
    }
    render() {
        return (<div>
            <Carousel autoplay className="jingtou">
                <div><img src={require('../../img4/banner.png').default} alt=""/></div>
                <div><img src={require('../../img3/banner.png').default} alt=""/></div>
                <div><img src={require('../../img3/banner.png').default} alt=""/></div>
                <div><img src={require('../../img3/banner.png').default} alt=""/></div>  
            </Carousel>
            <div className="jingpu">
                <div className="jingpubu">{this.state.arr.map((item,index)=>{      
                    return(
                        <div className="jingliu" key={index}>
                            <div className="car">
                                <Link to="/hangyeshangjia"  target='_self'><img src={item.img} alt=""/></Link>
                                </div>
                                <div className="jingicon">
                                    <p>{item.name+index}</p>
                                </div>
                                <div className="jingphone">
                                    <p>{item.phone}</p>
                                </div>
                                <div className="jinglocat">
                                    <p>{item.adress}</p>
                                </div>
                            </div>
                        )
                    })

                }</div> 
            </div>          
        </div>)
    }
}
export default Jingxuan;